
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Promotora| Mercantil</title>
<link type='image/png' rel='shortcut icon' href='./img/favicon.png'/>
<link href="css/estilo.css" type="text/css" rel="stylesheet" media="all" />
<link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" />
<script src="jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>  
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
	<!-- Sliding effect -->
	<script src="js/slide.js" type="text/javascript"></script>
        <link type="text/css" rel="stylesheet" href="./css/style-slider.css" />
        <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js" ></script>
        
<script type="text/javascript">
    $(document).ready(function(){
        $("#featured").tabs({fx:[{opacity: "toggle", duration: 'slow'}, {opacity: "toggle", duration: 'normal'}],
            show: function(event, ui){
                $('#featured .ui-tabs-panel .info').hide();
                var infoheight=$('.info', ui.panel).height();
                $('.info', ui.panel).css('height', '0px').animate({ 'height': infoheight }, 500);
            }
        }).tabs("rotate", 5000, true);
        $('#featured').hover(
            function(){ $('#featured').tabs('rotate', 0, true); },
            function(){ $('#featured').tabs('rotate', 5000, true); }
        );
        $('#featured .ui-tabs-panel a.hideshow').click(function(){
            if($(this).text()=='Ocultar'){
                $(this).parent('.info').animate({ 'height': '0px' }, 500);
                $(this).text('Ver');
            }
            else{
                $(this).parent('.info').animate({ 'height': '70px' }, 500);
                $(this).text('Ocultar');
            }
            return false;
        });
    });
</script>
</head>
<body>
<div id="toppanel">
	<div id="panel">
		<div class="content clearfix">
			<div class="left">
				<h1>Promotora Mercantil</h1>
				<h2>Tienda especializada en neumaticos</h2>		
				<p class="grey">Gracias por visitarnos, si aun no es miembro puede registrarse en este panel.Y si ya es miembro puede entrar con sus datos correspondientes!</p>
				
			</div>
			<div class="left">
				<!-- Login Form -->
					<?php
					if ( ! empty($_SESSION["usuario"]) ) {
						echo '<a href="cerrar_sesion.php">Cerrar Sesion</a> ';
					} else {
						echo '
						<form class="clearfix" action="index2.php" method="post">
					<h1>Miembros</h1>
					<label class="grey" for="log">Usuario:</label>
					<input class="field" type="text" name="log" id="log" value="" size="23" />
					<label class="grey" for="pwd">Contraeña:</label>
					<input class="field" type="password" name="pwd" id="pwd" size="23" />
	            	<label><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> &nbsp;Recordarme</label>
        			<div class="clear"></div>
					<input type="submit" name="submit" value="Entrar" class="bt_login" />
					<!--<a class="lost-pwd" href="#">¿A perdido su contraseña?</a>-->
				</form>
                                <div id="anexo">
                                    <a title ="Sesion Admin" href="./login.php"">
                                        <img src="./img/usuario.jpg"/>
                                    </a>
                                    <a title="Manual Administrador" href="./manuales/Manual_de_Administrador.pdf" target="_blank">
                                        <img src="./img/pdf_admin.png"/>
                                    </a>
                                    <a title="Manual usuario" href="./manuales/Manual_de_usuario.pdf" target="_blank">
                                        <img src="./img/pdf_user.png"/>
                                    </a>
                                </div>
						';
					}
				?>
			</div>
			
		</div>
</div> <!-- /login -->	

	<!-- The tab on top -->	
	<div class="tab">
		<ul class="login">
			<li class="left">&nbsp;</li>
			<li>Hola Invitado!</li>
			<li class="sep">|</li>
			<li id="toggle">
				<a id="open" class="open" href="#"><?php if (!isset($_SESSION["usuario"])) {
			echo "Entrar";}else {echo "Salir"; } ?></a>
				<a id="close" style="display: none;" class="close" href="#">Cerrar Panel</a>			
			</li>
			<li class="right">&nbsp;</li>
		</ul> 
	</div> <!-- / top -->
	
</div>
<div id="total">
   	<div id="contenido">
	    	<div id="cabecera">
            <div id="nav">
    	<ul>
        <li><a href="index.php" class="main">Inicio</a></li>
        <li><img src="img/naviseparator.gif" alt="" width="40" height="13" /></li>
         <li><a href="nosotros.php" class="main">Nosotros</a></li>
         <li><img src="img/naviseparator.gif" alt="" width="40" height="13" /></li>
          <li><a href="categorias.php" class="main">Productos</a></li>
          <li><img src="img/naviseparator.gif" alt="" width="40" height="13" /></li>
           <li><a href="carrito.php" class="main">Carrito</a></li>
          <li><img src="img/naviseparator.gif" alt="" width="40" height="13" /></li>
           <li><a href="contacto.php" class="main">Contacto</a></li>
            
        </ul>
	</div>
        <!-- =============================================================== -->
        <div class="FL">
            <!--<img src="img/banner.png"/>-->
            <div id="slider"> <!--Slider de pagina-->
                <div id="featured" >
                    <ul class="ui-tabs-nav">
                        <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="img/llanta1.png" alt="" /><span>imagen1</span></a></li>
                        <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="img/llanta2.png" alt="" /><span>imagen2</span></a></li>
                        <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="img/llanta3.png" alt="" /><span>imagen3</span></a></li>
                        <li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="img/image4-small.jpg" alt="" /><span>imagen4</span></a></li>
                        <li class="ui-tabs-nav-item" id="nav-fragment-5"><a href="#fragment-5"><img src="img/image4-small.jpg" alt="" /><span>imagen5</span></a></li>
                        <li class="ui-tabs-nav-item" id="nav-fragment-6"><a href="#fragment-6"><img src="img/image4-small.jpg" alt="" /><span>imagen6</span></a></li>
                    </ul>

                    <!-- Imagen 1 -->
                    <div id="fragment-1" class="ui-tabs-panel">
                        <img src="img/car1.png" alt="" />
                         <div class="info" >
                            <a class="hideshow" href="#" >Ocultar</a>
                            <h2><a href="#" >Descripcion</a></h2>
                            <p>Las mejores marcas... <a href="#" >leer mas...</a></p>
                         </div>
                    </div>

                    <!-- Imagen 2 -->
                    <div id="fragment-2" class="ui-tabs-panel ui-tabs-hide">
                        <img src="img/car2.png" alt="" />
                         <div class="info" >
                            <a class="hideshow" href="#" >Ocultar</a>
                            <h2><a href="#" >Descripcion</a></h2>
                            <p>Las mejores marcas... <a href="#" >leer mas...</a></p>
                         </div>
                    </div>

                    <!-- Imagen 3 -->
                    <div id="fragment-3" class="ui-tabs-panel ui-tabs-hide">
                        <img src="img/car3.png" alt="" />
                         <div class="info" >
                                <a class="hideshow" href="#" >Ocultar</a>
                                <h2><a href="#" >Descripcion</a></h2>
                                <p>Las mejores marcas... <a href="#" >leer mas...</a></p>
                         </div>
                    </div>

                    <!-- Imagen 4 -->
                    <div id="fragment-4" class="ui-tabs-panel ui-tabs-hide">
                        <img src="img/car4.png" alt="" />
                         <div class="info" >
                            <a class="hideshow" href="#" >Ocultar</a>
                            <h2><a href="#" >Descripcion</a></h2>
                            <p>Las mejores marcas... <a href="#" >leer mas...</a></p>
                         </div>
                    </div>

                    <!-- Imagen 5 -->
                    <div id="fragment-5" class="ui-tabs-panel ui-tabs-hide">
                    <img src="img/car5.png" alt="" />
                     <div class="info" >
                        <a class="hideshow" href="#" >Ocultar</a>
                        <h2><a href="#" >Descripcion</a></h2>
                        <p>Las mejores marcas... <a href="#" >leer mas...</a></p>
                     </div>
                    </div>

                    <!-- Imagen 6 -->
                    <div id="fragment-6" class="ui-tabs-panel ui-tabs-hide">
                    <img src="img/car6.png" alt="" />
                     <div class="info" >
                        <a class="hideshow" href="#" >Ocultar</a>
                        <h2><a href="#" >Descripcion</a></h2>
                        <p>Las mejores marcas... <a href="#" >leer mas...</a></p>
                     </div>
                    </div>
                </div>
            </div> <!--Fin slider de pagina-->
        </div>
        <!-- =============================================================== -->
        <div class="FR"></div>
        </div>
       
        <div class="FL"><img src="img/nuevos.jpg"/></div>
        <p align="center"><img src="img/pro.png"/></p>
    	</div>
  
    <div id="pie">
    <p>Promotora Mercantil</p>
    </div>
    </div>
</body>
</html>
